// 注册页面的顶部
<template>
  <div class="container">
    <div class="w1200">
      <div class="wleft">
        <img src="@/assets/logo/LOGO3.png" @click="jumpHome" title="点击回到首页">
        <div>
          <h3>欢迎来到孚地卖场</h3>
          <p>一站式工业用品采购平台</p>
        </div>
      </div>
      <ul>
        <li @click="jumpHome">商城首页</li>
        <!-- <li>关于我们</li>
        <li>使用指南</li> -->
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  name: "regiterTop",
  methods: {
    jumpHome() {
      this.$router.push("/");
    }
  }
};
</script>
<style lang="scss" scoped>
.container {
  width: 100%;
  background: #ffffff;
  .w1200 {
    width: 1200px;
    height: 90px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: auto;

    .wleft {
      width: 427px;
      height: 90px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      img {
        cursor: pointer;
        // &:hover{
        //     transform: rotateY(360deg);
        //     transition: 1s;
        // }
      }
      div {
        h3 {
          font-size: 20px;
        }
        p {
          font-size: 14px;
          color: #3e3e3e;
          letter-spacing: 0.5px;
        }
      }
    }
    ul {
      display: flex;
      flex-direction: row;
      align-items: center;
      li {
        padding: 0 20px;
        border-right: 2px solid #dcdcdc;
        line-height: 14px;
        font-size: 14px;
        cursor: pointer;
        &:last-child {
          border: none;
        }
        &:hover {
          color: #409eff;
        }
      }
    }
  }
}
</style>
